<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浪漫主义时期</title>
	<link href="../css1.css">
	<style type="text/css">
		.header{
			width:1200px;
			height:100px;
			margin:0 auto;
		}
		.content{
			width:1000px;
		    background-color:darkgreen;
			margin:0 auto;
		}
		.smallcontent{
			width:800px;
			height:300px;
			background-color:darkgreen;
			margin:0 auto;
		}
		.image2{
			width:300px;
			height:275px;
			background-image: url("../image/李斯特.jpg");
			margin:5px;
			float:right;
			margin-top:15px;
		}
		.image3{
			width:300px;
			height:275px;
			background-image: url("../image/勃拉姆斯.png");
			margin:5px;
			float:left;
			margin-top:15px;
		}
		.passage{
			width:450px;
			height:280px;
			background-color:black;
			opacity:0.9;
			margin-top:10px;
			margin-left:10px;
			margin-right:10px;
			margin-bottom:10px;
			z-index:1;
		}
		.cen{
			margin:0 auto;
		}
		.relative{
			width:800px;
			position:fixed;top:0;right:0;
			background-color:white;
			z-index:150;
		}
		.image1{
			width:300px;
			height:275px;
			background-image: url("../image/肖邦.jpg");
			margin:5px;
			float:right;
			margin-top:15px;
		}
a:link{
    text-decoration: none; /*去除下划线*/
}
		dl{line-height: 50px;color:white;}
a{
    position: relative;
    display: block;
    /*让链接呈块状呈现，这样可以不用点链接文字就可以响应链接*/
}
		a:hover{
			color: greenyellow;
		}
		ul{
		list-style-type:none;
		}
	</style>

</head>
<body>
<div class="header"
	 style="background-color:#022F00";>
	<h1 style="text-align:center;" style="font-family:verdana;">
		<span style="font-size: xx-large"><font color=#FFFFF;>浪漫主义时期</font></span>
</div>
<div class="content" style="height:1100px">
	<h2></h2>
	<div class="smallcontent">
		<div class="passage"
			 style="float:left">
		<p style="line-height:27px;margin:14px;z-index:90;"><font color=#FFFFFF>弗里德里克·弗朗索瓦·肖邦（F.F.Chopin），19世纪波兰作曲家、钢琴家。<br>
1810年3月1日，肖邦出生于波兰；1817年开始创作；1818年登台演出。1829年起以作曲家和钢琴家的身份在欧洲巡演。后因华沙起义失败而定居巴黎，从事教学和创作。
肖邦是历史上最具影响力和最受欢迎的钢琴作曲家之一，是波兰音乐史上最重要的人物之一，欧洲19世纪浪漫主义音乐的代表人物。他的作品以波兰民间歌舞为基础，同时又深受巴赫影响，多以钢琴曲为主，被誉为“浪漫主义钢琴诗人”。</font>
</p>
		</div>
		<div class="image1"></div>
	</div>
	<br><br>
	<div class="smallcontent">
		<div class="passage"
			 style="float: right">
		<p style="line-height: 30px;margin:15px;z-index:80;"><font color=#FFFFFF>弗朗茨·李斯特（Franz Liszt），出生于匈牙利雷汀，匈牙利著名作曲家、钢琴家、指挥家，伟大的浪漫主义大师，是浪漫主义前期最杰出的代表人物之一。
弗朗茨·李斯特生于匈牙利雷汀，六岁起学钢琴，先后是多位钢琴名家的弟子。十六岁定居巴黎。李斯特将钢琴的技巧发展到了无与伦比的程度，极大地丰富了钢琴的表现力，在钢琴上创造了管弦乐的效果，他还创建了背谱演奏法，他也因在钢琴及以上的巨大贡献而获得了“钢琴之王”的美称。
</font></p>
		</div>
		<div class="image2"></div>
	</div>
	<br><br>
	<div class="smallcontent">
		<div class="passage"
			 style="float:left">
			<p style="line-height:30px;margin:10px;z-index:100;"><font color=#FFFFFF>勃拉姆斯约翰内斯·勃拉姆斯（Johannes Brahms），出生于汉堡，逝于维也纳，德国古典主义最后的作曲家，浪漫主义中期作曲家。<br>
勃拉姆斯出身于音乐家庭，又译白蓝士、柏纳谟斯。他的大部分创作时期是在维也纳度过的，是维也纳的音乐领袖人物。一些评论家将他与巴赫、贝多芬排列在一起称为三B。勃拉姆斯被称为是贝多芬以后最伟大的交响曲作曲家之一。
勃拉姆斯对标题音乐与瓦格纳乐剧形式不认同，走纯粹音乐路线。
</font></p>
		</div>
		<div class="image3"></div>
	</div>
	</div>	
	
	<div style="width:1000px;
				height:500px;
				margin:0 auto;
				background-color: darkgreen;">
		<br>
		<div style="width:1000px;"><span><font size="+2" color="#FFFFFF"><strong>&nbsp;&nbsp;&nbsp;&nbsp;勃拉姆斯代表音乐</strong></font></span></div>
	<ul>
    <li><div>
    <dl>
		<a><dd>01 Piano Quartet No.1 in G minor, Op.25-Ⅰ.Allegro<img src="../image/按钮.png"></img></dd></a>
		<a><dd>02 Piano Quartet No.1 in G minor, Op.25-Ⅱ.Intermezzo<img src="../image/按钮.png"></img></dd></a>
		<a><dd>03 Piano Quartet No.1 in G minor, Op.25-Ⅲ.Andante con moto<img src="../image/按钮.png"></img></dd></a>
		<a><dd>04 Piano Quartet No.1 in D minor, Op.25-Ⅳ.Rondo alla Zingarese<img src="../image/按钮.png"></img></dd></a>
		<a><dd>05 4 Ballades for Piano, Op. 10-No. 1 in D minor "Edward"<img src="../image/按钮.png"></img></dd></a>
		<a><dd>06 4 Ballades for Piano, Op. 10-No. 2 in D major<img src="../image/按钮.png"></img></dd></a>
		<a><dd>07 4 Ballades for Piano, Op. 10-No. 3 in B minor<img src="../image/按钮.png"></img></dd></a>
		<a><dd>08 4 Ballades for Piano, Op. 10-No. 4 in B major<img src="../image/按钮.png"></img></dd></a>
		<a></dl> </div></li>
</ul>
	</div>
	<div style="margin:0 auto;">
	  <center><a href="ershishiji.html" target="_blank"><h3 style=margin:auto>进入二十世纪音乐</h3></a></center>
	</div>
</body>
</html>